$(function () {
    // 根据传过来的地址栏的id进行切割获取
    let id = location.search.split('=')[1]

    // 数据渲染
    $.ajax({
        // 请求类型
        type: "get",
        // 请求地址
        url: "/product/queryProductDetail",
        // 请求数据
        data: {
            id: id
        },
        // 返回的数据  'text', 'xml', 'json', 'script'
        dataType: "json",
        success: function (res) {
            // 使用模板
            let srt = template('tmp', res)
            $('.mui-scroll').html(srt)

            // 获取slider插件对象
            // 轮播图
            let gallery = mui('.mui-slider')
            gallery.slider({
                interval: 2000
            })
            // 给数字输入框绑定事件
            mui('.mui-numbox').numbox()
        }
    })


    // 尺码选择 ==》 排他思想
    $('.mui-scroll').on('click', '.lt_size span', function () {
        $(this).addClass('current').siblings().removeClass('current')
    })


    // 加入购物车
    $('#addCart').click(function () {
        // 产品数量
        let num = $('.mui-numbox-input').val()
        // 产品尺码
        let size = $('.item_box .current').text()

        // 判断是否选择尺码
        if (!size) {
            mui.toast('请先选择尺码...')
            return
        }

        $.ajax({
            // 请求类型
            type: "post",
            // 请求地址
            url: "/cart/addCart",
            // 请求数据
            data: {
                productId: id,
                num: num,
                size: size
            },
            // 返回的数据  'text', 'xml', 'json', 'script'
            dataType: "json",
            success: function (res) {
                if (res.error) {
                    // 说明没有登录，自动跳到登录页面
                    location.href = './login.html?reUrl=' + location.href
                }
                if (res.success) {
                    // 说明登录了，弹框再看看，去购物车
                    mui.confirm('添加到购物车成功', '温馨提醒!!', ['再看看', '去购物车'], function (e) {
                        if (e.index == 1) {
                            location.href = './cart.html'
                        }
                    })
                }
            }
        })
    })


})